<!DOCTYPE html>
<html>
<head>
	<title>表单</title>
</head>
<style type="text/css">

	table{
		 /*border-collapse:collapse;*/
		 border:1px solid #034b54;
		 width:600px;
		 text-align: center;
		 position: relative;
		 left: 50%;
		 margin-left: -300px;
	}
</style>
<body>
	<table>
		<thead style="border-bottom:1px solid #4c4646 ">
			<tr style="border-bottom:5px solid black "> <td colspan="5"> 数据</td></tr>
			<tr>
				<td><strong>序号</strong></td>
				<td><strong>商品</strong></td>
				<td><strong>单价</strong></td>
				<td><strong>数量</strong></td>
				<td></td>
			</tr>
		<tbody>
			<tr>
				<td>1</td>
				<td>草莓</td>
				<td>12</td>
				<td>1</td>
				<td><button>删除</button></td>
			</tr>
			<tr>
				<td>2</td>
				<td>芒果</td>
				<td>9 </td>
				<td>2</td>
				<td><button>删除</button></td>
			</tr>
			<tr>
				<td>3</td>
				<td>樱桃</td>
				<td>33</td>
				<td>1</td>
				<td><button>删除</button></td>
			</tr>
			<tr>
				<td>4</td>
				<td>雪梨</td>
				<td>4</td>
				<td>2</td>
				<td><button>删除</button></td>
			</tr>
			<tr>
				<td>5</td>
				<td>苹果</td>
				<td>6</td>
				<td>2</td>
				<td><button>删除</button></td>
			</tr>
		</tbody>
			<tr><td colspan="5">汇总</td></tr>

		</thead>
	</table>

</body>
</html>